import { memo } from 'react'
import type { FC, ReactNode } from 'react'

interface IProps {
  children?: ReactNode
}

const ChangePage: FC<IProps> = () => {
  return (
    <div className="w-full h-screen gap-x-2 flex justify-center items-center bg-base-plate">
      <div className="w-5 bg-[#d991c2] animate-pulse h-5 rounded-full animate-bounce"></div>
      <div className="w-5 animate-pulse h-5 bg-[#9869b8] rounded-full animate-bounce"></div>
      <div className="w-5 h-5 animate-pulse bg-[#6756cc] rounded-full animate-bounce"></div>
    </div>
  )
}

export default memo(ChangePage)
